<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>数据维护</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css"  media="all">
</head>
<body>

<div class="layui-fluid" style="margin-top:2.5vh;margin-left: 5vw;margin-right: 5vw;">
    <fieldset class="layui-elem-field">
        <legend><strong>数据维护</strong>→→→→→增删查改</legend>
        <div class="layui-field-box">
        	<form class="layui-form" lay-filter="example">
        		<div class="layui-form-item">
        			<div class="layui-inline" style="width:35vw;">
		    			<label class="layui-form-label">链接：</label>
		    			<div class="layui-input-block">
		    				<input type="text" name="url_url" id="url_url" placeholder="网站链接" autocomplete="off" class="layui-input">
		    			</div>
		    		</div>
		    		<div class="layui-inline" style="width:35vw;">
		    			<label class="layui-form-label">名称：</label>
		    			<div class="layui-input-block">
		    				<input type="text" name="url_title" placeholder="网站名称" autocomplete="off" class="layui-input">
		    			</div>
		    		</div>
        		</div>
	            <div class="layui-form-item">
				    <div class="layui-inline" style="width:85vw;">
				    	<label class="layui-form-label">描述：</label>
				    	<div class="layui-input-block">
				    		<textarea type="text" name="url_description" placeholder="网站描述" autocomplete="off" class="layui-input"></textarea>
				    	</div>
				    </div>
				</div>
				<div class="layui-form-item">
				    <div class="layui-inline" style="width:85vw;">
				    	<label class="layui-form-label">关键词：</label>
				    	<div class="layui-input-block">
				    		<textarea type="text" name="url_keywords" placeholder="网站关键词" autocomplete="off" class="layui-input"></textarea>
				    	</div>
				    </div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">类型：</label>
						<div class="layui-input-inline">
							<select name="url_type" lay-verify="" lay-search lay-filter="url_type">
								<option value="">直接选择或搜索选择</option>
								<option value="常用推荐">常用推荐</option>
								<option value="网络商城">网络商城</option>
								<option value="影视娱乐">影视娱乐</option>
								<option value="音乐电台">音乐电台</option>
								<option value="酷站论坛">酷站论坛</option>
								<option value="资讯教育">资讯教育</option>
								<option value="休闲出行">休闲出行</option>
								<option value="工具软件">工具软件</option>
								<option value="未分类目">未分类目</option>
							</select>
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">状态：</label>
						<div class="layui-input-inline">
							<input type="checkbox" lay-filter="switchTest" value="显示" lay-skin="switch" name="url_state" lay-text="显示|隐藏" checked>
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">校验码：</label>
		    			<div class="layui-input-block">
		    				<input type="text" name="token" id="token" placeholder="验证口令" autocomplete="off" class="layui-input">
		    			</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">链接ID：</label>
		    			<div class="layui-input-block">
		    				<input type="text" name="url_id" placeholder="链接ID" autocomplete="off" class="layui-input" disabled>
		    			</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline" style="margin-left:5vw;">
						<div class="layui-input-inline">
							<button type="button" class="layui-btn layui-btn-sm" data-type="reload" lay-submit lay-filter="0" id="0">查询</button>
						</div>
						<div class="layui-input-inline">
							<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" data-type="reload" lay-submit lay-filter="1" id="1">增加 | 维护</button>
							<button type="reset" class="layui-btn layui-btn-sm layui-btn-primary" lay-submit lay-filter="reset">重置</button>
						</div>
					</div>
	            </div>
	        </form>
        </div>
    </fieldset>
</div>

<div style="margin-left: 5vw;margin-right: 5vw;">
	<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">维护</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

<script type="text/javascript" src="https://www.layuicdn.com/layui/layui.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://www.layuicdn.com/extend/excel/1.6.5/layui_exts/excel.min.js"></script>false
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
